 <style type="text/css">
#base_component #component_measure {
  width:820px;
  height: 297px;
  
  margin:0 auto;
  margin-top:5px;
}
.measure_table {
  height: 317px;
  width: 200px;
  float:left;
  margin-left:4px;

}
.measure_table #header{
  height:40px;
  width:100%;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
  background-image: url(../images/component_measure_header.png);
}
.header_text{
  height:22px;
}
#header .measure_btn{
height:16px;
width:16px;
}
#header .measure_btn:hover{
  border: 1px solid #CCC;
}
#header .measure_add {
  float:right;
  background-image: url(../images/add.gif);
  background-repeat: no-repeat;
}
#header .measure_delete {
float:left;
  background-image: url(../images/delete.gif);
  background-repeat: no-repeat;
}
.spline{
  float:left;
  height:100%
  }
</style>
 <script type="text/javascript" src="js/component_detail.js"></script>

 <div id="tool" class="dlgToolBar"> 
             <div style="float:right;width:500px; ">

                 <div id="tool_add"  class="tool_btn" style="float:left"> 添加</div>
                <div id="tool_delete"  class="tool_btn" style="float:right"> 删除</div> 
             </div>      
 </div>
 <div id="component_detail"></div>
<div id="base_component_layout" >
  <div id="base_component" style="display:block">
<div id="component_measure"  >
      
      <div id="yc" class="measure_table">
        <div id="header">
          
          <div class="header_text">遥测</div>
          <div class="measure_btn measure_add"></div>
          <div class="measure_btn measure_delete"></div>
        </div>
        <div id="table">dd</div>
        
      </div>
      
      <div id="yx" class="measure_table">
        <div id="header" >
          <div class="header_text">遥信</div>
          <div class="measure_btn measure_add"></div>
          <div class="measure_btn measure_delete"></div>
        </div>
        <div id="table"></div>
      </div>
      
      <div id="yk" class="measure_table">
        <div id="header">
          <div class="header_text">遥控</div>
          <div class="measure_btn measure_add"></div>
          <div class="measure_btn measure_delete"></div>
        </div>
        <div id="table"></div>
      </div>
      
      <div id="yt" class="measure_table">
        <div id="header">
          <div class="header_text">遥调</div>
          <div class="measure_btn measure_add"></div>
          <div class="measure_btn measure_delete"></div>
        </div>
        <div id="table"></div>
      </div>
    </div>
    </div>
    </div>